<!doctype html>
<head>

    <meta charset="utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>Crédits</title>

    <meta name="description" content="" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link href="style.css" rel="stylesheet" />
    <link href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,bold" rel="stylesheet" /> <!-- Load Droid Serif from Google Fonts -->
    <link rel="icon" type="image/png" href="images/favicon.png"/> 

</head>

<body>

    <div id="wrapper">

        <header id="header" class="clearfix" role="banner">
            <hgroup>
                <h1 id="site-title"><a href="index.html">Shi Fu Mi</a></h1>
                <h2 id="site-description">Pierre, feuille, ciseaux en français</h2>
            </hgroup>
        </header>

        <div id="main" class="clearfix">

            <!-- Menu de navigation -->
            <nav id="menu" class="clearfix" role="navigation">
                <ul> 
                    <li><a href="index.html">Accueil</a></li>
                    <li><a href="about.html">A propos</a></li>
                    <li class="current"><a href="credits.html">Crédits</a></li>
                </ul>
            </nav>


            <!--[if lte IE 7]>
                <div class="ie "></div>
            <![endif]-->

            <div id="content" role="main">

                <!-- contenu des credits -->
                <article class="post">
                    <h1 class="entry-title">Crédits</h1>
                    <h2>&Eacute;rik Aouizerate</h2>
                    <figure class="alignleft">
                        <img src="images/erik.png" alt="Erik" class="thumbnail" width="300" />
                    </figure>
                    <p>Passionné d'informatique, je cherche à exploiter au maximum cet outil
                        et à adapter son utilisation au plus grand nombre.<br>
                    </p><p>
                        J'ai aussi de nombreuses passions tel que les sorties à vélo ou le ski. 
                        J'aime combiner mes connaisances et mélanger les genres. 
                        La biodiversité est une solution écologique, 
                        elle sera aussi pour moi une solution professionnelle afin favoriser les échanges
                        et contrer la monotonie. <br>
                        Vous pouvez me contacter ici: erik(point)aouizerate[at]gmail(point)com 
                        <br>                        </p>

                    <h2>Caroline Desprat</h2>

                    <figure class="alignleft">
                        <img src="images/caro.png" alt="Caroline" class="thumbnail alignleft" width="200" />
                    </figure>
                    <p>Passionnée d'informatique, je pense qu'il est indispensable de créer et de partager le savoir que génère les nouvelles technologies. De plus elles offrent d'innombrables champs de recherche.
                    </p>
                    <p>Curieuse et créatrice, j'applique aussi ce caractère à la musique que je pratique depuis plus de 15 ans aujourd'hui. Cela me permet d'exercer mon esprit de collaboration et le partage en groupe.
                        J'espère faire de la recherche dans ces domaines plus tard afin de nouer ces deux arts<br/>
                        PS: ceci est exagérément vrai.</p>
                </article> 

            </div>


            <!-- barre complementaire -->
            <aside id="sidebar" role="complementary">
                <aside class="widget">
                    <h3>D'où venons-nous ?</h3>
                    <figure class="thumbnail">
                        <img src="images/upmf.png" alt="upmf.png" title="logo UPMF"/>
                    </figure>
                    <p>Nous sommes actuellement étudiant en <a href="http://imss-www.upmf-grenoble.fr/master-ic2a/wic">Master 1 <abbr title="Ingénierie de la Cognition, de la Création et des Apprentissages">IC2A</abbr> <abbr title="Spécialité Web, Informatique et Connaissance">WIC</abbr></a> à l'<a href="http://www.upmf-grenoble.fr/55458523/0/fiche___pagelibre/&RF=U2" ><abbr title="Université Pierre Mendès France">UPMF</abbr> de Grenoble</a>.<br/><br/><br/></p>
                    <p>Ce site a été réalisé en Avril 2012 pour le cours de Technologies du Web 2 dirigé par Jacques Bandet</p>
                </aside>

            </aside> 
        </div> 


        <!--footer -->
        <footer id="footer">
            <p>
                <a href="#">Shifumi.com</a> <a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="Licence Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/80x15.png" /></a>
                <span class="sep">|</span>
                <a href="credits.html" title="Crédits du site">Crédits</a>
            </p>
        </footer> 

        <div class="clear"></div>

    </div> 


</body>
</html>